<?php
	
	/**
	 * Load doctype
	 */
	$plugins -> html -> doctype ( "XHTML 1.0 Strict" );
	
?>

<head>

<?php

	/**
	 * Lets load standard meta tags...
	 * ( title, content-type, author, organization, keywords, description )
	 */
	$plugins -> head -> standardMeta();
	
	/**
	 * Deny access for robots!!!! 
	 */
	$plugins -> robots -> deny();

	/**
	 * Load css template!
	 */
	$plugins -> css -> load(
		array (
			"style"     => "screen",
			"styleIE"   => "screen",
			"styleIE7"  => "screen"
		)
	);
?>
	<script type="text/javascript">
		var baseLoc = '<?php self::$system -> enviroment -> url ?>backend/storage/';
	</script>
<?php

	/**
	 * Lets go load javascript files...
	 */
	$plugins -> js -> load( array (
		"jquery-1.2.6" => false,
		//"jquery/hotkeys"    => false,
		"jquery-ui"         => false,
		"workspaceat/menu"  => false,
		"workspaceat/fastlaunch" => false,
		//"workspaceat/alerts"     => false,
		//"workspaceat/notice_window" => false,
		"workspaceat/window"     => false,
		"workspaceat/storage"      => false,
	));

?>
	
</head>
<body>
	
	<!-- PROGRESS AREA -->
	<div class="progress" id="progress">
		<p id="pmessage">Please wait...</p>
	</div>
	
	<!-- ADD NEW PAGE AREA-->
	<div class="notice" id="managegroups">
		
		<div class="box">
			<div class="header">
				<h2>Manage existing groups!</h2>
				
				<img class="x" id="close_mgroup" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/exit_btn_notice.png" alt="Close window" />
			</div>
			
			<div class="container">
				<p>Choose existing group name below and click on Manage! button for managing group.
				   Check
				   <a href="<?php echo $plugins -> page -> link ( "manual/storage/groups/manage" ); ?>" 
				   title="<?php echo $plugins -> language -> startlinktitle; ?>" >manual</a> for more details details</p>
				
				<p class="alert" id="groupmessage_alert">&nbsp;</p>
					
				<form  id="managegroup_form" action="<?php echo $plugins -> page -> link ( "pages/add/validate" ); ?>" onsubmit="return false;">
					<ul>
						<li id="group_type_result">
							<label>Choose existing group</label>
							<select name="group" id="group">
								<option name="first" value="first" selected="selected">Choose...</option>
								<?php
									$glist = $plugins -> storage -> getGroupsList();
									$counter = 0;
									foreach ( $glist as $groups ):
									
										$type = $groups['type'];
										$id   = $groups['id'];
										$name = $groups['name'];
										$unixname = $groups['unixname'];
								?>
									<option id="group_<?php echo $counter; ?>"value="groups/manage/<?php echo ":{$unixname}/:{$id}" ?>"><?php echo $name ?> ( <?php echo ucfirst( $type ); ?> Category )</option>
								<?php
									++$counter;
									endforeach;
								?>
							</select>
						</li>
					</ul>
				</form>
				
				<a href="#" class="likebutton" id="manageg_ok"  title="">Manage!</a>
				<a href="#" class="likebutton" id="manageg_not" title="">Cancel it!</a>
			</div>
			
			<div class="footer">&nbsp;</div>
		</div>
		
	</div>


	<!-- DELETE GROUP AREA-->
	<div class="notice" id="deletegroup_box">
		
		<div class="box">
			<div class="header">
				<h2>Manage existing groups!</h2>
				
				<img class="x" id="close_dgroup" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/exit_btn_notice.png" alt="Close window" />
			</div>
			
			<div class="container">
				<p>Please read carefully red text! To reactivate items again you will be forced to add them in group!
				   Check
				   <a href="<?php echo $plugins -> page -> link ( "manual/storage/groups/manage" ); ?>" 
				   title="<?php echo $plugins -> language -> startlinktitle; ?>" >manual</a> for more details details</p>
				
				<p class="alert" id="groupmessage_alert2">All content inside of group will be removed to garbage and group destroyed!</p>
					
				<form  id="deletegroup_form" action="<?php echo $plugins -> page -> link ( "storage/groups/delete/" ); ?>" onsubmit="return false;">
					<ul>
						<li id="group_type_result2">
							<label>Choose existing group</label>
							<select name="group" id="group2">
								<option value="first" selected="selected">Choose...</option>
								<?php
									$glist = $plugins -> storage -> getGroupsList();
									$counter = 0;
									foreach ( $glist as $groups ):
									
										$type = $groups['type'];
										$id   = $groups['id'];
										$name = $groups['name'];
										$unixname = $groups['unixname'];
								?>
									<option id="group_<?php echo $counter; ?>"value="<?php echo ":{$unixname}/:{$id}" ?>"><?php echo $name ?> ( <?php echo ucfirst( $type ); ?> Category )</option>
								<?php
									++$counter;
									endforeach;
								?>
							</select>
						</li>
					</ul>
				</form>
				
				<a href="#" class="likebutton" id="deleteg_ok"  title="">Garbage it!</a>
				<a href="#" class="likebutton" id="deleteg_not" title="">Cancel it!</a>
			</div>
			
			<div class="footer">&nbsp;</div>
		</div>
		
	</div>
	
	<!-- FAST LAUNCHER AREA -->
	<div class="fastlaunch" id="fastlaunch">
		
		<div class="topfix">
			<img class="x" id="launch_close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/launch_x.png" alt="Close window" />
		</div>
		
		<div class="container">
			<h1>Workspace@ quick access</h1>
			
			<p>This area is used for quick access inside of Workspace@ features. Just start to write
			   down and system will find and save your searchs :)</p>
			   
			<input type="text" id="fastlaunch_browser" name="fastlaunch_browser" value="Start to typing..." />
		</div>
		
		<div class="bottomfix">&nbsp;</div>
	</div>
	
	<div class="fastlaunch_activator">
		
		<ul>
			<li>
			<img class="x" id="launch_btn" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/quicklaunch_btn.png" alt="Close window" />
			</li>
		</ul>
	</div>
	
	<!-- FLOATING QUICK NAVI AREA -->
	<div class="quicknavi" id="quicknavi">
		
		<div class="handler" id="quicknavi_handler">
			<div class="fukyou">
				<img class="quick_handler" id="launch_btn" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/quickmenu_title_bg.png" 
				alt="Open/Close quick navigation" />
			</div>
		</div>
		
		<div class="container" id="quicknavi_container">
			<h2>Workspace@ Engine standard shortcuts</h2>
			
			<ul>
			
				<li id="homepage_link">
					<h2>Home page</h2>
					<p><a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					    title="<?php echo $plugins -> language -> startlinktitle; ?>" >Go to Workspace@ Engine home page!</a></p>
				</li>
				
				<li id="quickl_handler">
					<h2>Quick launcher</h2>
					<p>Quick launcher will help you to easily access W@E features!</p>
				</li>
				
				<li>
					<h2>Notes</h2>
					<p id="notes_handler">Do we need to write any description for this?</p>
				</li>
			</ul>
			
			<div class="fukyou2">
				<p>There are no deadlines or alerts to show! That's good :D</p>
				
				<p>If you like to, you can define one :) LoL</p>
			</div>
		</div>
		
	</div>

	<?php
		$repository->menu->loadComponent( "main", "backend" );
	?>
	
	<!-- USER AREA -->
	<div class="userarea">
		
		<!-- Container exists because of bg fix. Don't remove it! -->
		<div class="container">
		
			<h1>quick user area</h1>
			
			<p>Welcome to quick user area. Click on links below to modify your user account</p>
			
			<ul>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Account info</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Manage profile</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Team area</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Private messages (0)</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "authenticate/logout" ); ?>" 
					title="<?php echo $plugins -> language -> logout; ?>" ><?php echo $plugins -> language -> logout; ?></a>
				</li>
			</ul>
		</div>
		
	</div>
	
	<!-- Top fixer and alert container a.k.a area -->
	<div class="topfix">
		<div class="alert" id="basealert">
			<h1 id="balerttitle">Workspace@ activation error</h1>
			<p  id="balertmessage">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
			   Sed lobortis blandit lorem. Mauris dictum dolor nec eros. Integer vitae massa id odio rutrum pretium. 
			   Donec ligula leo, tristique et, tempor molestie, accumsan eget, odio. Nullam odio arcu, rutrum vitae, 
			   lobortis in, pharetra quis, nunc.</p>	
		</div>
	</div>
	
	<!-- PAGE WARPER -->
	<div class="warp">
		
		<!-- CONTAINER AREA-->
		<div class="container">
		
			<div class="box">
				<h1><?php echo $plugins -> language -> subtitle; ?></h1>
				<hr />
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
				Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
				Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, 
				tempor molestie, accumsan eget, odio. Nullam odio arcu,
				rutrum vitae, lobortis in, pharetra quis, nunc.
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
				Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
				Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, accumsan eget, odio. Nullam odio arcu,
				rutrum vitae, lobortis in, pharetra quis, nunc.</p>


				<div class="accordianlist" id="alist01">
					<p class="title"><?php echo $plugins -> language -> imgtitle_start; ?></p>
					<ul class="fullpage-box">

						<li id="#">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
								Nullam vel elit. Sed lobortis blandit lorem.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
								Nullam vel elit. Sed lobortis blandit lorem.</p>

						</li>

					</ul>

				</div>
				
				<div class="accordianlist" id="alist02">
					<p class="title"><?php echo $plugins -> language -> filetitle_start; ?></p>
					<ul class="fullpage-box">

						<li id="#">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
								Nullam vel elit. Sed lobortis blandit lorem.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
								Nullam vel elit. Sed lobortis blandit lorem.</p>

						</li>

					</ul>

				</div>
				
				<div class="accordianlist" id="alist03">
					<p class="title"><?php echo $plugins -> language -> videotitle_start; ?></p>
					<ul class="fullpage-box">

						<li id="#">
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
								Nullam vel elit. Sed lobortis blandit lorem.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
								Nullam vel elit. Sed lobortis blandit lorem.</p>

						</li>

					</ul>

				</div>
			</div>
			
					
		</div>
		
		<!-- SUBNAVI AREA -->
		<div class="subnavi">

			<div class="red">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Shortcuts</h1>
				<a href="#" title="#">Click here to manage shortcuts!</a>
				
				<ul>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/groups/add" ); ?>" title="#">Show smaller menu</a>
						<p>If you don't want to scroll :)</p>
					</li>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "" ); ?>" title="#">Go home</a>
						<p>If u got headake :D</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
			<div class="blue">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>Core related menu</h1>
				<a href="#" title="#">Click here to manage related menu!</a>
				
				<ul>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/add/images" ); ?>" title="#">Manage access users</a>
						<p>Tell us which users can access backend</p>
					</li>
					
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/add/images-group" ); ?>" title="#">System languages</a>
						<p>Setup, modify, etc.. languages for backend!</p>
					</li>
					
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/manage/images" ); ?>" title="#">System themes</a>
						<p>Setup, modify, etc.. themes for backend!</p>
					</li>
					
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/manage/image-groups" ); ?>" title="#">Date and time settings</a>
						<p>Manage system date &amp; time. </p>
					</li>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/manage/image-groups" ); ?>" title="#">Private messages settings</a>
						<p>Manage system date &amp; time. </p>
					</li>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/manage/image-groups" ); ?>" title="#">Note settings</a>
						<p>Manage system date &amp; time. </p>
					</li>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/manage/image-groups" ); ?>" title="#">Quick access settings</a>
						<p>Setup and reupdate quick access</p>
					</li>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/manage/image-groups" ); ?>" title="#">Shortcut settings</a>
						<p>Manage shortcuts</p>
					</li>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/manage/image-groups" ); ?>" title="#">Backend grid</a>
						<p>Drag and drop and set how you like layout :)</p>
					</li>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/manage/image-groups" ); ?>" title="#">Manage keyboard shortcuts</a>
						<p>Manage them. Add them or whatever...</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
			<div class="red">
				
				<div class="topfix">
					&nbsp;
				</div>
				
				<h1>General menu</h1>
				<a href="#" title="#">Click here to manage general menu!</a>
				
				<ul>
					<li>
						<a href="#" id="managegroup_controll" title="#">Manage accountings</a>
						<p>All system accounting settings!</p>
					</li>
					<li>
						<a href="#" id="managegroup_controll" title="#">Manage packages</a>
						<p>Repository a.k.a package core settings</p>
					</li>
					
					<li>
						<a href="#" id="managegroup_controll" title="#">Manage features settings</a>
						<p>What to say about that :D</p>
					</li>
					
					<li>
						<a href="#" id="deletegroup_controll" title="#">Manage pages settings</a>
						<p>Groups must be empty to delete them!</p>
					</li>
					<li>
						<a href="<?php echo $plugins -> page -> link ( "storage/groups/add" ); ?>" title="#">Manage languages</a>
						<p>Manage language settings for current system</p>
					</li>
					<li>
						<a href="#" id="managegroup_controll" title="#">Manage themes settings</a>
						<p>What to say about that :D</p>
					</li>
					<li>
						<a href="#" id="deletegroup_controll" title="#">Manage storage settings</a>
						<p>Groups must be empty to delete them!</p>
					</li>
					<li>
						<a href="#" id="deletegroup_controll" title="#">Manage updates settings</a>
						<p>Groups must be empty to delete them!</p>
					</li>
					<li>
						<a href="#" id="managegroup_controll" title="#">Manage task manager</a>
						<p>What to say about that :D</p>
					</li>
					<li>
						<a href="#" id="deletegroup_controll" title="#">Manage project manager</a>
						<p>Groups must be empty to delete them!</p>
					</li>
					<li>
						<a href="#" id="deletegroup_controll" title="#">Manage manual</a>
						<p>Groups must be empty to delete them!</p>
					</li>
				</ul>
				
				<div class="bottomfix">
					&nbsp;
				</div>
			</div>
			
		</div>
		
	</div>
	
	
	<!-- Bottom fix area -->
	<div class="bottomfix">
	
		<div class="footer">
			<p>Copyright 2008-2009 <a href="http://workspaceat.com" title="#">Workspace@</a> in association with 
			   <a href="http://designstrategist.hr" title="#">Design strategist</a></p>
		</div>
		
	</div>
	
	<!-- PAGE PREVIEW AREA -->
	<div class="pagepreview" id="pagepreview_box">
		
		<div class="topfix">
			<img class="x" id="preview_close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/launch_x.png" alt="Close window" />
		</div>
		
		<div class="container">
			<iframe class="sitelook" id="sitelook" src="#"/></iframe>
		</div>
		
		<div class="bottomfix">&nbsp;</div>
	</div>
</body>
</html>